body{
    background: #f0f0f0;
}
.header{
    width: 100%;
    height: 2.0533rem;
    position: fixed;
    top: 0rem;
    left: 0rem;
    z-index: -1;
    background: #fff;
    /* outline: 1px solid red; */
}
/* 搜索框 */
.sec1{
    width: 100%;
    height: 1rem;
    padding: 0px .2rem;
    padding-top: .32rem;
    background: #fff;
    position: fixed;
    top: 2.03rem;
    left: 0rem;
    z-index: 333;
    /* outline: 1px solid black;  */
}
.search{
    width: 100%;
    height: .68rem;
    background: #f0f0f0;
    border-radius: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search>img{
    width: .3067rem;
}
.search>span{
    font-family: 'Source Han Sans CN';
    font-size: 13px;
    color: #707070;
    line-height: 1px;
    margin-left: 5px;
}
/* 话题nav */
nav{
    width: 100%;
    height: .9333rem;
    display: flex;
    /* align-items: center; */
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    position: fixed;
    top: 3.01rem;
    left: 0rem;
    z-index: 10000;
    /* opacity: .3; */
    /* outline: 1px solid red; */
}
.huati_nav{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .16rem 0rem .24rem 0rem;
    border-right: 1px solid #f3f3f3;
    /* outline: 1px solid red; */
}
.huati_nav>li{
    height: 100%;
    padding-left: .64rem;
}
.huati_nav>li>a{
    display: inline-block;
    height: 100%;
    /* font-size: 15px; */
    color: #707070;
    position: relative;
}
.zonghe::after{
    content: "";
    position: absolute;
    bottom: -9px;
    left: 9px;
    width: .32rem;
    height: 2px;
    background: #ffc618;
}
/* 更多 */
.gengduo{
    width: 2.1867rem;
    height: 100%;
    font-size: 15px;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    /* outline: 1px solid red; */
}
.more{
    display: inline-block;
    width: .1867rem;
    height: .2933rem;
    background: url(../../img/组\ 154.png) no-repeat;
    background-size: .1867rem auto;
    margin-left: .3733rem;
    margin-top: .08rem;
}
.more_content{
    width: 100%;
    height: 5.4667rem;
    position: absolute;
    top: .92rem;
    right: 0rem;
    background: #fff;
    display: none;
    /* outline: 1px solid red; */
}
.chuangjian{
    width: 100%;
    height: 2.1333rem;
    text-align: center;
    padding-top: .72rem;
    /* outline: 1px solid red; */
}
.chuangjian>a{
    font-size: 21px;
    color: #ff8b07;
}
.tuijian{
    width: 100%;
    height: calc(100% - 2.1333rem);
    display: flex;
    flex-wrap: wrap;
    padding-left: .2267rem;
    /* outline: 1px solid red; */
}
.tuijian a{
    font-size: 12px;
    color: #3a3a3a;
    padding-left: .4rem;
    padding-right: .4533rem;
    padding-top: .1067rem;
    padding-bottom: .1333rem;
    margin-right: .48rem;
    background: #f9f9f9;
    border-radius: .4533rem;
    /* outline: 1px solid red; */
}
/* 遮罩 */
.zz{
    width: 100%;
    height: 93%;
    position: fixed;
    top: 2.0533rem;
    right: 0rem;
    background: rgba(0, 0, 0, 0.25);
    display: none;
    z-index: -222222;
    /* display: none; */
}
.empty{
    width: 100%;
    height: 3.84rem;
}
/* main */
.main{
    width: 100%;
    position: relative;
    /* z-index: -24; */
    /* outline: 1px solid red; */
}
.main>div{
    width: 100%;
    /* height: 9.52rem; */
    padding: 0px .5333rem;
    background: #fff;
    /* outline: 1px solid red; */
}
.main>div:not(.first){
    margin-top: .2133rem;
}
.mine{
    width: 100%;
    height: 1.4133rem;
    padding-top: .48rem;
    display: flex;
    /* outline: 1px solid red; */
}
.mine>.touxiang{
    width: .88rem;
    height: .88rem;
    border-radius: 100%;
    overflow: hidden;
    /* outline: 1px solid red; */
}
.mine>.touxiang>img{
    width: 100%;
}
.mine>.name{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: .32rem;
}
.mine>.name>span:nth-of-type(1){
    color: #707070;
}
.mine>.name>span:nth-of-type(2){
    color: #b8b8b8;
    font-size: 12px;
}

.content{
    width: 100%;
    /* height: 1.8667rem; */
    margin-top: .2933rem;
    /* outline: 1px solid red; */
}
.content>p{
    font-size: 15px;
    color: #3a3a3a;
    line-height: .6667rem;
    letter-spacing: .0053rem;
}
.content>p>span{
    color: #3f7ef8;
}
.content_img{
    width: 100%;
    margin-top: .28rem;
    /* outline: 1px solid red; */
}
.content_img>div{
    width: 100%;
    /* height: 4.3733rem; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.content_img>div>img{
    width: 4.2667rem;
    border-radius: 8px;
}
.content_img>div>.dantu{
    width: 100%;
}
.content_img>div>img:not(img:first-of-type)
,.content_img>div>img:not(img:nth-of-type(2)){
    margin-top: .2667rem;
}
.fenxiang{
    width: 100%;
    height: 1.24rem;
    margin-top: .28rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    /* outline: 1px solid red; */
}
.fenxiang>div{
    display: flex;
    align-items: center;
}
.fenxiang>div>img{
    width: .64rem;
}
.fenxiang>div>span{
    color: #3a3a3a;
    font-size: 14px;
    margin-left: .1333rem;
}
#huati{
    color: #000;
}